<template>
  <div class="no-permission">
    <img src="./NoPermission.svg" class="info-img">
    <div class="tip-info">
      <h1 class="info-title">暂无权限</h1>
      <p class="info-content">您没有分配权限，请联系管理员！</p>
      <Button type="primary" size="large" @click="jump()">重新登陆</Button>
    </div>
  </div>
</template>

<script>
export default {
  name: 'NoPermission',
  methods: {
    jump () {
      localStorage.removeItem('token')
      this.$router.push('login')
    }
  }
}
</script>

<style lang="stylus" scoped>
  .no-permission
    width 100vw
    height 100vh
    display flex
    align-items center
    justify-content center
    .info-img
      width 40vw
      margin-right 152px
    .tip-info
      .info-title
        margin-bottom 24px
        color #515a6e
        font-weight 600
        font-size 42px
        line-height 42px
      .info-content
        margin-bottom 16px
        color #808695
        font-size 20px
        line-height 28px
</style>
